<include file="public/head" />
<!-- 微信自定义接口 -->
<script>
	wx.config();
	wx.ready(function(){
                    wx.hideMenuItems({
                       menuList: ["menuItem:share:timeline"]
                    });
		wx.onMenuShareAppMessage({
			title: document.title,
			desc: "",
			link: window.location.href ,
			imgUrl: ""
		}); 
		wx.onMenuShareTimeline({
			title: document.title,
			desc: "",
			link: window.location.href,
			imgUrl: ""
		});
	});
</script><!-- 微信自定义接口 -->

</head>

<body>

<div class="am-modal am-modal-alert" tabindex="-1" id="fq_alert">
  <div class="am-modal-dialog">
    <div class="am-modal-hd" id="fq_alert_title"></div>
    <div class="am-modal-bd" id="fq_alert_info">
    </div>
    <div class="am-modal-footer">
      <span class="am-modal-btn">确定</span>
    </div>
  </div>
</div>

<div class="am-modal am-modal-confirm" tabindex="-1" id="fq_confirm">
  <div class="am-modal-dialog">
    <div class="am-modal-hd" id="fq_confirm_title"></div>
    <div class="am-modal-bd" id="fq_confirm_info"></div>
    <div class="am-modal-footer">
      <span class="am-modal-btn" data-am-modal-confirm="">确定</span>
    </div>
  </div>
</div>

<link rel="stylesheet" href="__STATIC__/itaoke/mobile/css/sign.css">
<div class="am-whole">
    <header class="am-padding-vertical am-padding-horizontal-sm">
        <ul class="am-avg-sm-2 ">
            <li style="width:62%;">
                <div class="user_info">
                    <img class="am-fl am-margin-right-xs" src="{:avatar($info['id'], 200)}" style="width: 60px; height: 60px; border-radius: 0.5rem;">
                    <php>$username= $info['wxnickname']!='' ? $info['wxnickname'] : $info['username']</php>
                    <span class="am-inline-block am-color-white">{$username}</span>
                    <br>
                    <span class="am-color-white am-text-xs">总积分：{$info.score} 分</span>
                    <br>
                    <span class="am-color-white am-text-xs">我的排名：<span>{$curank}</span></span>
                </div>

            </li>
            <li class="am-text-right am-padding-top " style="height: 100%;width:38%;float:right;">
                <a class="am-padding-vertical-xs am-padding-horizontal-sm am-return" href="{:U('User/index')}">返回个人中心</a>
            </li>
        </ul>
    </header>
    <div class="am-tab am-margin-top-sm am-padding-vertical-sm " style="margin-bottom: 49px">
        <!--分栏-->
        <div class="am-margin-horizontal-sm">
            <ul class="am-avg-sm-2">
                <li>
                    <a href="{:U('User/mingxi')}">
                    <button type="button" value="1" class=" am-first am-padding-vertical-sm">总积分排行</button>
                    </a>
                </li>

                <li>
                    <a href="{:U('User/mingxi',array('type'=>1))}">
                    <button type="button" value="2" class="active am-last am-padding-vertical-sm">积分记录</button>
                    </a>
                </li>
            </ul>
        </div>
       <!--积分记录-->
        <div class="record">
            <ul class="am-avg-sm-3 am-text-center am-padding-xs  am-margin-top-sm">
                <li>时间</li>
                <li>积分</li>
                <li>事件</li>

            </ul>
            <notempty name="logs_list">
            <volist name="logs_list" id="val" mod="2">
            <ul class="am-avg-sm-3 am-text-center am-padding-xs  am-margin-top-xs">
                <li>{$val.add_time|frienddate}</li>
                <li> <if condition="$val['score'] gt 0">{$val.score}<else/>{$val.score}</if></li>
                <li><span class="am-things">{:L($val['action'])}</span></li>

            </ul>
			</volist>
			 <else/>
             <div class=" am-display am-padding-sm am-padding-horizontal-sm am-margin-top-xs zone" style="display: none;width: 100%; text-align: center;">尚未有任何积分记录</div>
        	</notempty>
        </div>
            </div>

</div>
<style>
    .active {
        background: #f54d23;
        color: white;
    }

    body {
        background: #f8f8f8;
    }

    header {
        min-height: 6rem;
        position: relative;
    }

    .am-tab {
        background: white;
    }

    .am-return {
        border: .1rem solid white;
        border-radius: 0.5rem;
        color: white;
    }

    a {
        color: #3d0505;
    }

    .am-color-white {
        color: white;
    }

    .user_info {
        min-width: 190px;
    }

    .am-first {
        border-top-left-radius: 0.5rem;
        border-bottom-left-radius: 0.5rem;
        border-left: .1rem solid #a4a4a4;
        border-right: .1rem solid #a4a4a4;
    }

    .am-last {
        border-top-right-radius: 0.5rem;
        border-bottom-right-radius: 0.5rem;
        border-right: .1rem solid #a4a4a4;
        border-left: 0;
    }
    .am-more a{
        color: #3d0505;
    }

</style>
<include file="public/foot" />
</body>
</html>